<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="admin/common/html/tableHead :: tableHead(~{::title},~{::link},~{::style})">

    <title th:text=${title}></title>
    <!-- 这儿引用单独的css link -->
    <!-- Ladda for Bootstrap 3按钮加载进度插件 -->
    <link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
    <!-- bootstrap-table表单样式 -->
    <link th:href="@{/static/admin/assets/js/bootstrap/css/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>

    <!-- 用户界面自定义css -->
    <link th:href="@{/static/admin/vaccine/css/vaccine-add.css}" rel="stylesheet"/>
    <!-- checkbox css-->
   <!--<link href="/static/admin/assets/css/Checkboxes/awesome-bootstrap-checkbox.css" rel="stylesheet"/>-->
    <style type="text/css"></style>

</head>

<body>

<div class="content-wrap">
    <div class="row">
        <div class="col-sm-12">
            <div class="nest" id="elementClose">
                <div class="">
                </div>
                <div class="body-nest" id="element">
                    <div class="panel-body">
                        <form class="form-horizontal m" id="form-edit" th:object="${TSysVaccineInfo}">
                            <input id="id" name="id" type="hidden" th:field="*{id}"/>
                            <div class="form-group">
                                <label class="col-sm-3 control-label ">疫苗名称：</label>
                                <div class="col-sm-8">
                                    <input class="form-control" disabled="disabled" type="text" id="vaccineName"
                                           name="vaccineName" th:value="*{vaccineName}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label ">批准文号：</label>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" id="approvalNumber" name="approvalNumber"
                                           th:value="*{approvalNumber}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label ">产品批号：</label>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" id="productionNumber" name="productionNumber"
                                           th:value="*{productionNumber}"/>
                                </div>
                            </div>
                            <div class="form-group draggable">
                                <label class="col-sm-3 control-label ">生产日期：</label>
                                <div class="col-sm-8">

                                    <div class='input-group date' id='datetimepicker1'>
                                        <input type='text' class="form-control" id="productionDate" name="productionDate"
                                               th:value="*{productionDate}"/>
                                        <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-time"></span>
                                            </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group draggable">
                                <label class="col-sm-3 control-label ">有效日期：</label>
                                <div class="col-sm-8">

                                    <div class='input-group date' id='datetimepicker2'>
                                        <input type='text' class="form-control" id="effectiveDate" name="effectiveDate"
                                               th:value="*{effectiveDate}"/>
                                        <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-time"></span>
                                            </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label ">生产厂名称：</label>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" id="factoryName" name="factoryName"
                                           th:value="*{factoryName}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label ">库存：</label>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" id="inventory" name="inventory"
                                           th:value="*{inventory}"/>
                                </div>
                            </div>
                            <!--<div class="form-group">
                                <label class="col-sm-3 control-label ">权限授权：</label>
                                <div class="col-sm-8">
                                    <div th:each="m : ${roleVos}" class="checkbox checkbox-primary">
                                        <input th:id="${m.id}" class="styled" name="roles" th:value="${m.id}"
                                               type="checkbox" th:checked="${m.ischeck}">
                                        <label th:for="${m.id}" th:text="${m.name}"></label>
                                    </div>
                                </div>
                            </div>-->
                            <div class="form-group">
                                <div class="form-control-static col-sm-offset-9">
                                    <button type="submit" class="btn btn-primary">提交</button>
                                    <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 通用js -->
<div th:include="admin/common/html/js :: onload_js">

</div>
<!-- bootstarp 表格 -->
<script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/bootstrap-table.min.js}"
        type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"
        type="text/javascript"></script>
<script th:src="@{/static/admin/assets/js/bootstrap/js/base_list.js}" type="text/javascript"></script>


<!-- 弹窗 -->
<script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
<!-- 遮罩层 -->
<script th:src="@{/static/admin/assets/js/blockUI/jquery.blockUI.js}" type="text/javascript"></script>
<!-- 自定义vaccine-edit js -->
<script th:src="@{/static/admin/vaccine/js/vaccine-edit.js}" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        //时间控件
        $("#datetimepicker1").datetimepicker({
            format: "yyyy-mm-dd",
            /*禁用以前的日期，只能选择当今或者未来日期*/
            //startDate: new Date(),
            autoclose: true,
            todayBtn: true,
            language: 'zh-CN',
            initialDate: new Date(),
            minView: 1
        });
        $("#datetimepicker2").datetimepicker({
            format: "yyyy-mm-dd",
            /*禁用以前的日期，只能选择当今或者未来日期*/
            //startDate: new Date(),
            autoclose: true,
            todayBtn: true,
            language: 'zh-CN',
            initialDate: new Date(),
            minView: 1
        });
    })
</script>
</body>
</html>
